<template>
  <div id="app">
    <Header></Header>
    <router-view></router-view>
    <Footer></Footer>
  </div>
</template>
<script>
import axios from 'axios';
import Header from './components/Header';
import Footer from './components/Footer';

export default {
  name: 'app',
  components: {
    Header,
    Footer
  },
  data () {
    return {

    };
  },
  methods: {
    getCaptcha () {
      axios.get('http://localhost:3000/getCaptcha').then((res) => {
        if (res.status === 200) {
          let obj = res.data;
          if (obj.code === 200) {
            this.svg = obj.data;
          }
        }
      });
    }
  }
};
</script>

<style lang="scss">
@import "assets/css/global.css";

@for $i from 0 through 5 {
  .pd#{$i} {
    padding: $i * 10 + px;
  }
  .pdl#{$i} {
    padding-left: $i * 10 + px;
  }
  .pdr#{$i} {
    padding-right: $i * 10 + px;
  }
}

.text-align-center {
  text-align: center;
}
.text-align-left {
  text-align: left;
}
.text-align-right{
  text-align: right;
}
</style>
